<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<%@include file="/common/common_meta.jsp" %>
<link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="js/jquery.ztree.all-3.5.js"></script>
<script type="text/javascript" src="js/jquery.ztree.xx566.js"></script>
<style type="text/css">
	div.content_wrap {width: 840px;height:380px;}
	div.content_wrap div.left{float: left;width: 250px;}
	div.content_wrap div.right{float: right;width: 340px;}
	div.zTreeDemoBackground {width:250px;height:362px;text-align:left;}
	ul.ztree {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;overflow-y:scroll;overflow-x:auto;width:220px;height:340px; min-height:340px;}
</style>
<script type="text/javascript">
	/*
	var zNodes =[
		{ id:1, name:"随意&勾选 1"},
		{ id:2, name:"随意勾选 2"},
		{ id:3, name:"随意勾选 3"},
		{ id:4, name:"随意勾选 4"},
		{ id:5, name:"随意勾选5"},
		{ id:6, name:"随意勾选6"},
		{ id:7, name:"随意勾选 7"},
		{ id:8, name:"随意勾选8"},
		{ id:9, name:"随意勾选9"},
		{ id:10, name:"随意勾选10"},
		{ id:11, name:"随意勾选11"},
		{ id:12, name:"随意勾选12"},
		{ id:13, name:"随意勾选13"}
	];*/
	var zNodes = ${tags};
	var userTree;
	$(function(){
		userTree = new UserTree("treeDemo",zNodes,{
			type:"radio",
			frame:"concurrent",
			bind:{"id":"bindid"}
		});
	});
</script>
</head>

<body>
<div class="content_wrap">
	<div class="zTreeDemoBackground left">
		分类：
		<ul id="treeDemo" class="ztree"></ul>
	</div>
</div>
</body>
</html>